/*
   classify: pc初始样式和整个页面共用部分
   Explain:	 元件+功能+皮肤+模块+头部+尾部
   Name:	 前端
   Date:	 2016-03-02
*/
@charset "utf-8";
/*---reset----*/
div,a,b,input,textarea,button,select,form,label,span,td,li,time,body,ul,ol,i,h1,h2,h3,h4,h5,h6,p,table,dd,dl,dt{
	padding:0;margin:0;word-wrap:break-word;word-break:break-all;
}
article,aside,footer,header,section,nav,fieldset{
	display:block;padding:0;margin:0;
}
ul,ol,li {
	list-style:none
}
input,img,fieldset{
	border:none
}
img{
	vertical-align:middle
}
em{font-style:normal;
}
table,td{
	border-collapse:collapse;/*border-spacing:0*/
}
.clearfix:after {
	content:".";display:block;height:0;clear:both;visibility:hidden
}
.clearfix {
	zoom:1;
}
a{
	text-decoration:none;
}
/*a, button {
	transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}*/
a:focus,input{
	outline:none;font-family:"Arial","Microsoft YaHei","微软雅黑";/*for Firfox*/
}
.l{
	float:left
}
.r{
	float:right
}
b,strong{
	font-weight:normal;
}
h1,h2{
	 font-family:"Arial","Microsoft YaHei","微软雅黑";font-weight:normal;
}
body{
	background:#fff;width:100%; font-family: "Arial", "Microsoft YaHei","微软雅黑";font-size:100%;color:#555;font-size:14px;
}

/*---皮肤描述----*/
.s_t_center{
	text-align:center;
}
.s_t_right{
	text-align:right;
}
.s_white{
	color:#fff;
}
.s_black{
	color:#000;
}
.s_yellow,a.s_yellow{
	color:#d8c232;
}

.s_f16{
	font-size:16px;
}
.s_f18{
	font-size:18px;
}
.s_f20{
	font-size:20px;
}
.s_f22{
	font-size:22px;
}
.s_f24{
	font-size:24px;
}
.s_f25{
	font-size:25px;
}
.s_f30{
	font-size:30px;
}
.s_f48{
	font-size:48px;
}

/*input*/
::-webkit-input-placeholder { /* WebKit browsers */
    font-family: "微软雅黑";
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: "微软雅黑";
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: "微软雅黑";
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family: "微软雅黑";
}

/*--布局--*/
.l_con{
	width:1100px;margin:0 auto;overflow:hidden;
}

/*header*/
#header{}
#header .l_con{background:url(../images/h_bg.jpg) no-repeat 70%;}
#header h1{ margin-left: 22%; padding: 10px 0;}

/*nav*/
#nav{background: url(../images/n_bg.jpg) repeat; height:70px; margin-bottom:10px; overflow: hidden;}
#nav .nav_li{height: 70px; position: relative; line-height:40px; float: left; margin: 0 25px;}
#nav ul li a{color: #fff;}
#nav ul li a:hover{color: #d8c232;}
#nav ul li a.s_yellow{color: #d8c232;}
#nav .hide{display:none;  width:600px; position: absolute; left:-110px; bottom:-5px ;z-index: 2;}
#nav .hide li{float: left; margin: 0 6px;}

/*footer*/
#footer{background-color: #293364; padding: 10px 0; margin-top: 20px; font-size: 12px; line-height: 22px; color: #fff;}
#footer img{margin-right:20px;}

/*focus*/
.focus{width:870px;position:relative;margin:0 auto;}
.focus .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.focus .prev{right:195px; bottom:18px; background:url(../images/arrow-l.png) no-repeat; width: 13px; height: 23px;}
.focus .next{right:25px; bottom:18px; background:url(../images/arrow-r.png) no-repeat; width: 13px; height: 23px;}
.focus li{float:left;}
.focus .cf li{position:relative;color:#fff;}
.focus .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}
.focus .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.focus .picBox{width:870px; height:120px;position:relative;overflow:hidden;}
.focus .picBox ul{height:120px;position:absolute; left:0;}
.focus .picBox li{width:870px;height:120px;}
.focus .picBox li img{width: 100%; height: 100%;}
.focus .listBox{width:200px;height:40px;overflow:hidden; position: absolute; right:15px; bottom:10px; background: #484544;}
.focus .listBox ul{height:32px;width:144px; margin: 4px 0 0 28px;}
.focus .listBox li{width:62px;height:25px;cursor:pointer;position:relative; border: 3px solid #666; margin-right: 4px;}
.focus .listBox li i{display:none;}
.focus .listBox li a{display:block;width:108px;height:77px;}
.focus .listBox img{width: 100%; height: 100%;}
.focus .listBox .on{border:none; border: 3px solid #a8a8a8;}
.focus .listBox .on i{display:block;}
.focus .listBox li:hover{border:none; border: 3px solid #a8a8a8;}
.min-height{min-height: 650px;}

